@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}
@media (max-width: 380px) {body{ font-size:14px; }}
@media (max-width: 325px) {body{ font-size:12px; }}
@media (min-width: 760px) {body{ font-size:22px; }}
@media (min-width: 1200px) {body{ font-size:14px; }}

a{
	color:#000;
	/*transition:all 0.2s;*/
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-height:100%;
	max-width:100%;
}
.pic{
	height: 100%;
	width: 100%;
	overflow:hidden;
}
.pic img,.focus img{
	height: 100%;
	width: 100%;
	transition: transform 0.3s;
}

.pic:hover img,.focus:hover img{
	transform: scale(1.03,1.03);
}



.wrapper{
	width:100%;
	min-width:1230px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.box{
	width:1230px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}






#footer{
	color:#b6b6b6;
	line-height:32px;
	text-align: center;
	padding:38px 0px 68px 0px;
	text-align:center;
	background:#fff;
}
#footer a{color:#b6b6b6;}







#nav{
	background:#f3f3f3;
	border-bottom:5px solid #b72222;
	height:109px;
}
#nav .logo{
	margin-top:39px;
	float:left;
}
#nav .right{ margin-top:52px;}
#nav .right a{
	font-size:20px;
	margin-left:36px;
	float:left;
}
#nav .right a i{
	display:inline-block;
	width:21px;
	height:24px;
	float:left;
	margin:3px 8px 0px 0px;
}
#nav .right a .i1{ background:url(images/i1.png) no-repeat left center;width:22px;}
#nav .right a .i2{ background:url(images/i2.png) no-repeat left center;width:20px;}
#nav .right a .i3{ background:url(images/i3.png) no-repeat left center;width:22px;}
#nav .right a .i4{ background:url(images/i4.png) no-repeat left center;}
#nav .right a .i5{ background:url(images/i5.png) no-repeat left center; width:26px;}









#hot{
	border:1px solid #dcdddd;
	text-align:center;
	margin:60px 0px 0px 0px;
}
#hot table{
	width:100%;
	height:100%;
	border:none;
	font-size:32px;
	line-height:42px;
}
#hot h1{
	height:84px;
	margin:12px 160px 15px 160px;
}

#layout1 .text{
	position:relative;
	margin-bottom:57px;
}
#layout1 ul{
	margin-left:-66px;
}
#layout1 li{
	width:552px;
	float:left;
	padding-left:30px;
	font-size:20px;
	line-height:24px;
	height:48px;
	background:url(images/li1.gif) no-repeat 2px 10px;
	margin:26px 0px 0px 66px;
}
#layout1 li a{ color:#2d2d2d;}
#layout1 .line{
	width:1px;
	height:185px;
	background:#f3f3f3;
	position:absolute;
	left:614px;
	top:39px;
}







#slide{ width:100%; height:457px; float:left;}
#slide li{ width:870px; height:457px; float:left; position:relative; overflow:visible; border-left:1px solid #fff;}
.slider-container .pic { width:870px; height:457px; display:block; position: relative;}
.slider-container .pic img { width:870px; height:457px; display:block; border:0 none;}
.slide_Bg{ width:870px; height:457px; position:absolute; top:0; background:#000;filter:alpha(opacity=51);-moz-opacity:0.51;opacity:0.51;}
.cur .slide_Bg { display:none }
#slide_list { position:absolute; left:0 }
.slider-container li img{ position:relative }
.slider-container {margin: 0 auto; width:1000px; position:relative; height:568px; z-index:9; min-width:1000px;}
.slider-wrap { width:4000px; height:400px;  font-size:0; position:absolute; left:49%; top:0; margin-left:-1480px;}
.slider-btn { position:absolute; top:206px; width:47px; height:47px; background:#fff; cursor:pointer; filter:alpha(opacity=76);-moz-opacity:0.76;opacity:0.76; text-indent:100;}
.slider-btn:hover{ filter:alpha(opacity=100); opacity:1;-moz-opacity:1;}
.slider-btn-l{left:50%;margin-left:-700px; background:url(images/prve.png) no-repeat center;}
.slider-btn-r{right:50%;margin-right:-311px; background:url(images/next.png) no-repeat center;}
.st_ty{display:none; color:#fff; width:100%; height:96px; line-height:96px;position:absolute; left:0; bottom:0;}
.cur .st_ty{display:block;}
#slide li h4{ font-size:30px;font-weight:normal;  width:100%; text-align:center;}








#layout3 .main{
	width:810px;
	float:left;
	margin-top:39px;
}
#layout3 .main li{
	padding:28px 0px 22px 0px;
	border-bottom:1px solid #f3f3f3;
}
#layout3 .main li img{
	float: left;
    width:180px;
    height:113px;
    margin-right:30px;
}
#layout3 .main li h5{
	font-size:22px;
	font-weight:normal;
	line-height:36px;
	height:72px;
	margin:-6px 7px 26px 0px;
}
#layout3 .main li .bottom span{
	margin-right:19px;
	font-size:15px;
	color:#b5b5b5;
}
#layout3 .main .share{
    float: right;
    height:18px;
	margin-right:19px;
}
#layout3 .main .share p{
	font-size:14px;
	color:#b5b5b5;
	float:left;
}
#layout3 .main .share a{
    float: left;
    width: 19px;
	height:18px;
	cursor:pointer;
	margin-right:3px;
}
#layout3 .icon1{ background:url(images/icon1.gif) no-repeat;}
#layout3 .icon2{ background:url(images/icon2.gif) no-repeat;}
#layout3 .icon3{ background:url(images/icon3.gif) no-repeat;}
#layout3 .icon4{ background:url(images/icon4.gif) no-repeat;}


#layout3 .more{
	text-align:center;
	margin:51px 0px 72px 0px;
}
#layout3 .more a{
	color:#999 !important;
	font-size:16px;
	line-height:47px;
	width:448px;
	text-align:center;
	display:inline-block;
	border:1px solid #eaeaea;
	border-radius:24px;
}
#layout3 .more a span{ 
	color:#b72222;
	margin-left:7px;
}


#layout3 .side{
    width:390px;
    float:right;
	margin-top:32px;
}
#layout3 .block{
	border:1px solid #eaeaea;
	margin-top:32px;
}
#layout3 .block1 .title{ border-bottom:1px solid #eaeaea;}
#layout3 .title{
	font-size:24px;
	line-height:54px;
	height:54px;
	padding:12px 0px 9px 29px;
}
#layout3 .title i{
	display: inline-block;
    width:29px;
    height:31px;
    float:left;
    margin:12px 8px 0px 0px;
}
#layout3 .title .i1{ background:url(images/i6.gif) no-repeat; background-size:100% 100%;}
#layout3 .title .i2{ background:url(images/i7.gif) no-repeat; background-size:100% 100%;}
#layout3 .title .i3{ background:url(images/i8.gif) no-repeat; background-size:100% 100%;}

#layout3 .ul1{ padding:3px 0px 37px 0px;}
#layout3 .ul1 li{
	font-size:16px;
	line-height:24px;
	height:48px;
	background:url(images/li2.gif) no-repeat 0px 10px;
	padding-left:24px;
	margin:18px 35px 0px 29px;
}

#layout3 .block2 .title{padding:12px 0px 12px 29px;}
.focus{
	position: relative;
    overflow: hidden;
	width:330px;
	height:165px;
	margin:0px 0px 20px 29px;
}
.focus1{
	height:208px;
}

.focus img{ width:100%; height:100%;}
.focus p{
	position: absolute;
	left: 17px;
	bottom: 0px;
	line-height:56px;
	height:56px;
	font-size:16px;
	width:296px;
}
.focus1 p{
	width:254px;
	left:36px;
	line-height:24px;
	height:48px;
	bottom:7px;
}
.focus .shadow{
	position: absolute;
	width: 100%;
	height:56px;
	left: 0px;
	bottom: 0px;
	background: #000;
	filter:alpha(opacity=47);
	opacity:0.47;
}


#layout3 .ul2{ padding-bottom:12px;}
#layout3 .ul2 li{
	font-size:16px;
	line-height:24px;
	max-height:48px;
	padding-left:27px;
	background:url(images/li3.gif) no-repeat 0px 7px;
	margin:21px 36px 13px 30px;
}


#layout3 .block3 .title{padding:3px 0px 6px 29px;}

.focus p{
	position: absolute;
	left: 17px;
	bottom: 0px;
	line-height:36px;
	height:36px;
	font-size:16px;
	width:296px;
}
.focus1 p{
	width:254px;
	left:36px;
	line-height:24px;
	height:48px;
	bottom:7px;
}
.focus .shadow{
	position: absolute;
	width: 100%;
	height:36px;
	left: 0px;
	bottom: 0px;
	background: #000;
	filter:alpha(opacity=47);
	opacity:0.47;
}


.focus1 .shadow{ height:60px;}


#contact{
	background: #b72222;
	text-align: center;
	font-size: 14px;
	line-height:50px;
}
#contact span{
	margin:0px 38px;
}







/*自适应样式开始*/
#phone-footer,#phone-focus{ display:none;}
@media(max-width: 767px){
	#header,#footer,.container,#nav .right a i,#layout1 .line{ display:none;}
	#phone-header,#phone-footer,#phone-focus{ display:block;}
	.wrapper{min-width:100%;max-width:100%;}
	.box{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right,#layout3 .main,#layout3 .side,#layout1 li{ float:none; width:100%; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	#contact{ line-height: 1.5em; padding: 0; }
	#contact .box{ width:94%; padding: 1em 3%; }
	#contact span{ display: block; font-size: 0.9em; margin: 0; }
	#phone-footer{ color: #b6b6b6; display: block; padding: 1em 3%; text-align: center; }
	#phone-footer p{ font-size: 0.9em; }	

	#nav{ height:auto; padding-bottom:0px; margin-bottom:2em;}
	#nav .box{ width:100%;}
	#nav .logo{ float:none; margin:0;padding:1.5em 3% 0.8em 3%;}
	#nav .logo img {height: 2.5em; width:auto;}
	#nav .right{ margin:0;white-space: nowrap;overflow-x: scroll;height:3.4em;}
	#nav .right p{ width:92%; margin:0 auto; overflow: visible;line-height:3.4em; height:3.4em;}
	#nav .right a{ font-size:1.3em; margin:0 0.9em 0 0; float:none;}

	#phone-focus{position: relative;overflow: hidden;height:14.8em; margin-bottom:1.6em;}
	#phone-focus .pic{width: 100%; height: 100%;}
	#phone-focus .shadow{position: absolute;width: 100%;height:3em;left: 0px;bottom: 0px;background-color:rgba(0,0,0,0.63);}
	#phone-focus p {font-size: 1em;left: 0; bottom:0;width: 100%;text-align: center;line-height: 3em;height: 3em;position: absolute;}
	#phone-focus .prve,#phone-focus .next{width:30px;height:46px;position:absolute;cursor:pointer;top: 42%;}
	#phone-focus .prve{background:url(images/prve.png) no-repeat;background-size:100%;left:7px;}
	#phone-focus .next{background:url(images/next.png) no-repeat;background-size:100%;right:7px;}

	#hot{ border:none; margin:1.6em 0 1em 0; text-align:left;}
	#hot h1{ width:100%; margin:0; height:auto;}
	#hot table{ height:auto; font-size:0.9em; line-height:1.5em;}
	#layout1 .text{ margin-bottom:2em; position:static;}
	#layout1 ul{ margin-left:0;}
	#layout1 li{ font-size:1.2em; line-height:1.6em; height:auto; padding-left:6%; width:94%; margin-top:0.6em;}	

	#layout3 .main li{ padding:1em 0;}
	#layout3 .main li img{width:9.55em;height:auto;margin-right: 1em;}
	#layout3 .main li h5{ font-size:1.15em; line-height:1.4em; max-height:4.2em; margin:0;}
	#layout3 .main .bottom{ margin-top:1em;}
	#layout3 .main li .bottom span{ font-size:0.9em; margin-right:0.2em;}
	#layout3 .main i{ margin-top:0.8em;}
	#layout3 .more{ margin:1.8em 0;}
	#layout3 .more a{ font-size:1.1em; width:60%; line-height:2.6em; height:2.6em;}
	#layout3 .title{ font-size:1.8em; line-height:2em; height:2em; padding:0 !important; margin:0.5em 0 0.6em 0;}
	#layout3 .block1 .title{ border-bottom:none;}
	#layout3 .title i{ width:1.3em;height:1.35em;margin:0.3em 0.3em 0 0;}
	#layout3 .ul1{ padding:0 0 1.4em 0; margin-top:-0.5em;}
	#layout3 .ul1 li{ font-size:1.2em; line-height:1.8em; height:3.6em; margin:0.4em 0 0 0;background: url(images/li2.gif) no-repeat 0 0.6em;padding-left:1em;}
	.focus{ width:100%; margin:0 0 1em 0; height:15.5em;}
	.focus p{ font-size:1em; line-height:3em; height:3em;}
	.focus1 p{ width:100%; left:0; bottom:0; text-align:center;}
	.focus .shadow{ height:3em;}
	.block3 .focus{ height:12.4em; margin-bottom:1em;}
	#layout3 .side .ul2{ margin:0 0 2em 0; padding:0;}
	#layout3 .side .ul2 li{font-size:1.2em;line-height:1.6em;max-height:3,2em;padding-left:1em;margin:1em 0 0 0;background: url(images/li3.gif) no-repeat 0 0.6em;padding-left:1em;}
	#layout3 .block2,#layout3 .block3{ margin-top:1.8em;}
	#layout3 .block3{ padding-bottom:1em; margin-bottom:1em;}
	#layout3 .block{ border:none; margin-top:0.8em;}
}
/*自适应样式结束*/